<template>
  <view :style="{ paddingTop: configStore.paddingTop + 10 + 'px' }">
    <uni-forms :model-value="formData" label-position="left">
      <uni-forms-item label="请选择贴合你的描述">
        <uni-section title="圆角样式" sub-title="使用 circle 属性控制标签圆角" type="line" padding>
          <view class="flex">
            <view class="tag-view">
              <uni-tag :circle="true" text="标签" type="primary" />
            </view>
            <view class="tag-view">
              <uni-tag :circle="true" text="标签" type="primary" size="small" />
            </view>
            <view class="tag-view">
              <uni-tag :circle="true" text="标签" type="primary" size="mini" />
            </view>
          </view>
        </uni-section>
      </uni-forms-item>
    </uni-forms>
  </view>
</template>




<script lang="ts" setup>


import { ref } from 'vue';

const formData = ref({});

</script>